@config-bg:#d81e06;
@config-bg2:#ffffff;
@config-bg3:#edeef2;
@config-bg4:#6aa7f5;
@config-bg5:#cccccc;
@config-bg6:#cbcbcb;
@config-bg7:#4497f2;
@config-bg8:#23b4b2;
@config-bg9:#c5eaff;
@config-bg10:#e0e0e0;
@config-bg11:#d9d9d9;
@config-bg12:#4496f2;
@config-bg13:#4491f5;
@config-bg14:#9c9c9c;
@config-bg15:#3b3b3b;

@config_bg1:#ffffff;
@config_bg2:#ecedf1;
@config_bg3:#87b8fe;
@config_bg4:#4b7af7;
@config_bg5:#4491f5;
@config_bg6:#cccccc;
@config_bg7:#87b8f7;


@color1:{
    color: #ffffff
};
@color2:{
    color: #676767
};
@color3:{
    color: #6aa7f5;
};
@color4:{
    color: #ffb656;
};
@color5:{
    color: #9c9c9c;
};
@color6:{
    color: #cbcbcb;
};
@color7:{
    color: #4496f2;
};



@color_2:{
    color: #676767
};
@color_3:{
    color: #4d4d4d;
};
@color_4:{
    color: #000000;
};
@color_5:{
    color: #4a4a4a;
};



@justify1:{justify-content: start;};
@justify2:{justify-content: center;};
@justify3:{justify-content: flex-end;};
@justify4:{justify-content: space-around;};
@justify5:{justify-content: space-between;};

@flex:{    
    display: flex;
    align-items: center;
};
@flex2:{    
    display: flex;
    flex-direction: column;
};
@flex3:{    
    display: flex;
    align-items: flex-start;
};

@whiteSpace:{
    white-space:nowrap;     
    overflow:hidden; 
    text-overflow: ellipsis; 
    
};

@font11:{
    font-size: 22px;
};
@font12:{
    font-size: 24px;
};
@font13:{
    font-size: 26px;
};
@font14:{
    font-size: 28px;
};
@font15:{
    font-size: 30px;
};
@font16:{
    font-size: 32px;
};
@font18:{
    font-size: 36px;
};
@font20:{
    font-size: 40px;
};
@font22:{
    font-size: 44px;
};
@font23:{
    font-size: 46px;
};

@font24:{
    font-size: 48px;
};
/*input,textarea*/
@inputTextarea:{
    input,textarea {
        border: none;
        outline: none;
    }
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
        @color5();
    }
    input:-moz-placeholder,textarea:-moz-placeholder { 
        @color5();
    }
    input::-moz-placeholder,textarea::-moz-placeholder {
        @color5();
    }
    input:-ms-input-placeholder,textarea:-ms-input-placeholder {
        @color5();
     }
    };